<head th:fragment="head(title)">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"-->
    <!--          integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" crossorigin="anonymous">-->
    <!--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css"-->
    <!--          integrity="sha256-dSokZseQNT08wYEWiz5iLI8QPlKxG+TswNRD8k35cpg=" crossorigin="anonymous">-->
    <link href="/plugin/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="/plugin/adminlte/css/adminlte.min.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" href="/plugin/bootstrap-font/bootstrap-icons.min.css" >
    <!--    <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-H2VM7BKda+v2Z4+DRy69uknwxjyDRhszjXFhsL4gD3w=" crossorigin="anonymous"></script>-->
    <script src="/plugin/jquery-3.7.1.min.js" ></script>
    <script src="/plugin/adminlte/js/popper.min.js" ></script>
    <script src="/plugin/bootstrap/js/bootstrap.min.js"></script>
    <script src="/plugin/adminlte/js/adminlte.min.js"></script>
    <script src="/plugin/axios.min.js"></script>
    <title th:text="${title}">Title</title>
</head>

<div class="app-content-header" th:fragment="appContentHeader(title)"> <!--begin::Container-->
    <div class="container-fluid"> <!--begin::Row-->
        <div class="row">
            <div class="col-sm-6">
                <h3 class="mb-0" th:text="${title}">Title</h3>
            </div>
        </div> <!--end::Row-->
    </div> <!--end::Container-->
</div>